* {
  box-sizing: border-box;
}

body {
  font-family: verdana;
}

h1,
h2 {
  margin: 0;
}

h2 {
  font-size: 18px;
}

a image {
  border: 0;
}

.no-ui .title,
.no-ui .message,
.no-ui .settings,
.no-ui h2 {
  display: none;
}

.title {
  padding: 0 0 5px 5px;
}

.message {
  background-color: orangered;
  padding: 5px;
  margin-bottom: 10px;
}

.message a {
  color: white;
}

.settings input[type=number] {
  width: 40px;
}

.table th {
  text-align: left;
}

.table th,
.table td {
  vertical-align: top;
  padding: 0 20px 10px 0;
}

.table select {
  display: block;
  margin-bottom: 10px;
  width: 100%;
}

.table textarea {
  width: 100%;
  resize: vertical;
}

body:not(.no-ui) .output {
  border: 1px solid gray;
  width: 500px;
  height: 500px;
  overflow: scroll;
}
